
@import "../base.scss";
@import "../sprites.scss";

.fzg-logo{
    height: 43px;
    width: 800px;
    margin: 30px auto;

    @at-root .sprites{
        @include  sprites;
        
        &.fzg_logo{
            @include fzg_logo;
            float: left;
        }
    }
}

.main-wrap{
    height: 536px;
    margin: auto;
    position: relative;

    .login-bg{
        float: left;
    }

    @at-root .login-dialog{
        width: 340px - 60px;
        height: 316px - 40px;
        background: white;
        position: absolute;
        top: 45px;
        left: 900px;
        padding: 20px 30px;

        @at-root .login-title{
            height: 40px;
            
            .login-text{
                float: left;
                font-size: 16px;
                color: $gray-3;
                font-weight: bold;
            }
            .login-reg{
                float: right;
                cursor: pointer;

                &:hover{
                    color: $darkenBlue;
                }
            }
        }

        @at-root .login-row{
            height: 50px;
            line-height: 50px;
            position: relative;
            border-bottom: 1px solid #eceef4;
            box-sizing: border-box;
            overflow: hidden;

            .login-row-icon{
                float: left;
                width: 20px;
                height: 50px;
                text-align: center;
                margin-left: 15px;
                
                @at-root .sprites{
                    &.gongsizhanghao{
                        @include gongsizhanghao;
                        margin-top: 16px;
                    }
                    &.yonghuming{
                        @include yonghuming;
                        margin-top: 16px;
                    }
                    &.mima{
                        @include mima;
                        margin-top: 16px;
                    }
                }
            }
            .login-row-input{
                width: 245px - 20px;        //兼容 IE，IE不能识别 calc()函数
                width: calc(100% - 55px);
                height: 50px;
                float: left;
                padding: 0 10px;
                overflow: hidden;

                input{
                    border: none;
                    width: 100%;
                    height: 50px;
                    line-height: 4\9;     //兼容IE, '\9' 标识IE各个版本都能识别
                }
            }
        }

        @at-root .login-bline{
            height: 16px;
            line-height: 16px;
            margin: 10px 0 20px;
            color: $gray-6;

            .login-auto{
                float: left;

                input{
                    float: left;
                    position: relative;
                    top: 2px;
                    *top: -2px;     //兼容IE7
                    margin-right: 5px;
                }
            }
            .forget-pw{
                float: right;
                cursor: pointer;

                &:hover{
                    color: $darkenBlue;
                }
            }
        }

        @at-root .login-submit{
            height: 40px;
            line-height: 40px;
            background: $baseBlue;
            border-radius: 5px;
            color: white;
            text-align: center;
            font-size: 16px;
            letter-spacing: 10px;
            cursor: pointer;
            
            &:hover{
                background: $darkenBlue;
            }
        }
    }
}

.bottom-text{
    width: 750px;
    margin: auto;
    color: $gray-9;
    margin-top: 30px;

    span{
        color: $gray-6;
    }
}